<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/business/include/doctype.jsp" %>
<script type="text/javascript" src="${requestScope.contextPath}/js/cubiq-iscroll/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper', { 
		checkDOMChanges: true,
		zoom: false
	});
	<c:if test="${param.endY != null and param.endY != ''}">
		myScroll.scrollTo(0, ${param.endY}, 0);
		endY = ${param.endY};
	</c:if>
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('DOMContentLoaded', setTimeout(function () { loaded(); }, 200), false);
</script>
<style type="text/css" media="all">
/*원본 : #wrapper { position:absolute; z-index:1; top:90px; bottom:0px; left:0; width:320px; overflow:auto; }*/
	#wrapper { position:absolute; z-index:1; top:90px; bottom:0px; left:0; width:100%; overflow:auto; }
	#scroller { position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; padding:0; background:#fff; }
</style>
</head>
<body>
	<div id="wrap">
		<div class="header">
			<h1>코오롱소식</h1>
			<ul class="tab" id="UL">
				<li><a href="${requestScope.contextPath}/business/mKolonNews/mKolonNewsList.do?type=KOLONCOM"><img src="${requestScope.contextPath}/images/news/tab1<c:if test="${type == 'KOLONCOM'}">_over</c:if>.gif" alt="코오롱 소식" id="tb1" /></a></li>
				<li><a href="${requestScope.contextPath}/business/mKolonNews/mKolonNewsList.do?type=AFF"><img src="${requestScope.contextPath}/images/news/${sessionScope.SESSION_USER_INFO.CompanyCD}<c:if test="${type == 'AFF'}">_over</c:if>.gif" alt="계열사 소식" id="tb2" /></a></li>
			</ul>
		</div><!-- // header -->
		<div id="wrapper" class="content">
		<div id="scroller">
			<div class="news">
				<ul>
					<c:forEach items="${mapList2}" var="mapInfo2" varStatus="status">
					<a href="javascript:goUrl('${requestScope.contextPath}/business/mKolonNews/mKolonNewsView.do?articleCD=${mapInfo2.ArticleCD}&type=${type}&page=${page}&endY='+endY);"><li><span class="bold">${mapInfo2.Title}</span><span class="date1" />${mapInfo2.UCreateDate}</span></li></a>
					</c:forEach>
				</ul>
				<c:if test="${map3.TotalRecordCnt > fn:length(mapList2)}"> 
					<div class="btn_more11">
					<p class="more11"><a href="javascript:goUrl('${requestScope.contextPath}/business/mKolonNews/mKolonNewsList.do?type=${type}&page=${page+1}&endY='+endY);">15개 더보기</a></p>
					<p class="more22"><a href="javascript:myScroll.scrollTo(0, 0, 0);"><img src="${requestScope.contextPath}/images/news/btn_top.gif" alt="맨위로" />&nbsp;&nbsp;맨위로</a></p>
					</div>
				</c:if>
				<%-- 20110811 stone
				<c:if test="${map3.TotalRecordCnt > 15}"> 
					<div class="btn_more11">
					<p class="more11"><a href="javascript:newMore();">15개 더보기</a></p>
					<p class="more22"><a href="javascript:myScroll.scrollTo(0, 0, 0);"><img src="${requestScope.contextPath}/images/news/btn_top.gif" alt="맨위로" />&nbsp;&nbsp;맨위로</a></p>
					</div>
				</c:if>
				--%>
			</div>
		</div>
		</div><!-- // content -->
	</div><!-- // wrap -->
	<script>
		window.HybridApp.clearAllHistory(); 
	</script>
</body>
</html>